#{extends 'nui.html' /}

#{set title:'新用户注册' /}



#{set 'moreStyles'}

<link rel="stylesheet" media="screen" href="@{'/public/stylesheets/regist.css'}" />

#{/set}

<!-- <div id="centerBox"> -->





<div id='test'>

	<div id='form_div'>

		<div class="formBlock floatLeft">

		<div id="formTitle" class="f16">感谢您注册微赚</div>

		<div id="formSection">

			<!-- 已注册用户验证邮箱激活账号 -->

			#{if email}

				#{authenticityToken /}

			<div id="registResult" class="floatLeft mt30 mb30" style="margin-left:80px;">

				<div class="panelLine sec clearfix">

					<span class="ls floatLeft bold">

						验证邮件已发送到你的邮箱：&nbsp;&nbsp;

						<span class="email">${email}</span>

					</span>

				</div>

				<div class="panelLine sec clearfix">点击邮件里的确认链接完成验证流程以激活你的账号</div>



				<div class="buttonSection" style="margin-top:20px;">

					<a href="http://mail.${email?.split('@')[1]}" target="_blank" class="stdColorButton" id="btnViewMail">

						查看邮箱&nbsp;

						<span class="iconfont">&#xf016d;</span>

					</a>

				</div>

				<div class="panelLine mb10 pt10 mt20 clearfix" style="border-top:solid 1px #DEDEDE;">没有收到验证邮件？</div>

				<div class="grey">

					<ul>

						<li>1. 到广告邮件、垃圾邮件目录里找找看</li>

						<li>2. 真没收到？<a href="#" data="${email}" id="btnResend" class="orange">重新发送验证邮件</a></li>

						<li>3. 不小心填错了Email？<a href="/regist" class="orange">再申请一个</a></li>

					</ul>

				</div>

			</div>

			#{/if}

			#{else}

			<!-- 新用户注册 -->

			<form id="registForm" method="post" action="/doRegist" class="">


				#{authenticityToken /}

				<div class="panelLine sec clearfix">

					<span class="ls floatLeft lbl">

						用户名

						<span class="requiredStar">*</span>

					</span>

					<input type="text" name="user.nick" class="inputText floatLeft ls long required" id="nick" />



				</div>

				<div class="panelLine sec clearfix">

					<span class="ls floatLeft lbl">

						密码

						<span class="requiredStar">*</span>

					</span>

					<input type="password" name="user.password" class="inputText floatLeft ls long required" id="password" />



				</div>

				<div class="panelLine sec clearfix">

					<span class="ls floatLeft lbl">

						确认密码

						<span class="requiredStar">*</span>

					</span>

					<input type="password" class="inputText floatLeft ls long required" id="txtPassword2" name="pass2" />



				</div>

				<div class="panelLine sec clearfix">

					<span class="ls floatLeft lbl">

						邮箱

						<span class="requiredStar">*</span>

					</span>

					<input type="text" name="user.email" class="inputText floatLeft ls long required" id="email" />



				</div>

				<div class="panelLine sec clearfix">

					<span class="ls floatLeft lbl">

						QQ

						<span class="requiredStar">*</span>

					</span>

					<input type="text" name="user.qq" class="inputText floatLeft ls long required" id="qq" />



				</div>
				
				<div class="panelLine sec clearfix">

					<span class="ls floatLeft lbl">

						邀请码

						<span class="requiredStar">*</span>

					</span>

					<input type="text" name="user.inviteUserId" class="inputText floatLeft ls long required" id="inviteUserId" />



				</div>
				
				<div class="panelLine sec clearfix">

					<span class="ls floatLeft lbl">

						手机

						<span class="requiredStar">*</span>

					</span>

					<input type="text" name="user.mobile" class="inputText floatLeft ls long required" id="mobile" />
				</div>
				
				<div class="panelLine sec clearfix">
					<span class="ls floatLeft lbl">
						短信验证码
						<span class="requiredStar">*</span>
					</span>
					<input type="text" name="smsValidCode" class="inputText floatLeft ls harflong" id="smsValidCode" />
					<input type="button" class="captcha" id="btncaptcha" value="获取短信验证码" />
				</div>
			<div class="panelLine sec clearfix" style="display: none">
					<span class="ls floatLeft lbl">
						角色
						<span class="requiredStar">*</span>
					</span>
					<input type="radio" id="type" name="user.type" value="BUYER" checked="checked" class="floatLeft rad mr-4 role"   />
					<span class="floatLeft mr-8">买手</span>
					<!-- <input type="radio" name="user.type" value="SELLER" onclick="unxsyqh()" checked="checked" class="floatLeft rad mr-4 role" />
					<span class="floatLeft mr-4">商家</span> -->
				</div>
				

				


				<div class="buttonSection" style="margin-top:35px;">

					<a href="#" class="stdColorButton" id="btnRegist">

						立即注册&nbsp;&nbsp;

						<span class="iconfont">&#xf016d;</span>

					</a>
					



					<span style="padding-left:20px">

						<input type="checkbox" id="radAgree" name="radAgree" checked="checked" />

						&nbsp;我已看过并同意&nbsp;

						<a class="blue" href="/doc/protocol" target="_blank">微赚服务协议</a>

					</span>

				</div>

			</form>

			#{/else}

		</div>



	</div>

	</div>

</div>
<div id="agreement" class="floatLeft">
		<div class="quoteBox">
			微赚是一站式电商运营辅助平台，独特的担保制度决定了资金的安全，完全封闭式的买手邀请制度，
			决定了放单的效果，支持淘宝、天猫、京东、蘑菇街、美丽说等主流平台。
			<br/>
			<br/>
			买手的源头，决定了商家刷单的效果，所以本站不支持买手开放注册。商家注册，请联系客服索要
			邀请码。
		</div>
	</div>


<div class='block-center'>

	

	

	<div class="clearFix"></div>

</div>

#{set 'moreScripts'}

<script src="@{'/public/javascripts/user/regist.js'}" type="text/javascript"></script>

#{/set}